<html>
<head>
	<meta charset='utf-8' />
	<title>小区信息助手后台</title>
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
	<style>
		@media screen and (max-width:450px){
			#content,.nav_div{width:98%;margin:0 auto}
			/*页面宽度900以下时 .abc的宽度为450*/
		}
		@media screen and (min-width:450px){
			#content,.nav_div{width:450px;margin:0 auto}
			/*页面宽度900以下时 .abc的宽度为450*/
		}
	</style>
</head>
<body>
<div id='content' style='position:relative;border:0px solid'>
	<h1 style='text-align:center'>小区通知管理</h1>
	
	<div style='text-align:center;font-size:12px'>当前小区：xxx小区</div>	

	<div id='msg_list'>
		<div>
			<div style='display:flex;text-align:center;margin:10px'>
				<div style='flex:1;text-align:left'>
					关于XXX的通知
				</div>
				<div style='width:50px;font-size:12px;line-height:24px'>待审</div>
				<div style='width:80px'>
					<button>更改状态</button>
				</div>
			</div>
			<div style='padding:10px;word-break:break-all'>
				<div>
					aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
				</div>
				<div style='font-size:12px;text-align:right'>
					发布人：xxxx　时间：2019.06.12 12:23:34
				</div>
			</div>
		</div>
		<div>
			<div style='display:flex;text-align:center;margin:10px'>
				<div style='flex:1;text-align:left'>
					关于XXX的通知
				</div>
				<div style='width:50px;font-size:12px;line-height:24px'>待审</div>
				<div style='width:80px'>
					<button>更改状态</button>
				</div>
			</div>
			<div style='padding:10px;word-break:break-all'>
				<div>
					aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
				</div>
				<div style='font-size:12px;text-align:right'>
					发布人：xxxx　时间：2019.06.12 12:23:34
				</div>
			</div>
		</div>
		<div>
			<div style='display:flex;text-align:center;margin:10px'>
				<div style='flex:1;text-align:left'>
					关于XXX的通知
				</div>
				<div style='width:50px;font-size:12px;line-height:24px'>待审</div>
				<div style='width:80px'>
					<button>更改状态</button>
				</div>
			</div>
			<div style='padding:10px;word-break:break-all'>
				<div>
					aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
				</div>
				<div style='font-size:12px;text-align:right'>
					发布人：xxxx　时间：2019.06.12 12:23:34
				</div>
			</div>
		</div>
		
		<div>
			<div style='display:flex;text-align:center;margin:10px'>
				<div style='flex:1;text-align:left'>
					关于XXX的通知
				</div>
				<div style='width:50px;font-size:12px;line-height:24px'>待审</div>
				<div style='width:80px'>
					<button>更改状态</button>
				</div>
			</div>
			<div style='padding:10px;word-break:break-all'>
				<div>
					aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
				</div>
				<div style='font-size:12px;text-align:right'>
					发布人：xxxx　时间：2019.06.12 12:23:34
				</div>
			</div>
		</div>
		
		<div>
			<div style='display:flex;text-align:center;margin:10px'>
				<div style='flex:1;text-align:left'>
					关于XXX的通知
				</div>
				<div style='width:50px;font-size:12px;line-height:24px'>待审</div>
				<div style='width:80px'>
					<button>更改状态</button>
				</div>
			</div>
			<div style='padding:10px;word-break:break-all'>
				<div>
					aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
				</div>
				<div style='font-size:12px;text-align:right'>
					发布人：xxxx　时间：2019.06.12 12:23:34
				</div>
			</div>
		</div>
		
	</div>


</div>

</body>
</html>
<script src='../public/jquery.js'></script>
<script src='../public/fun.js'></script>
<script>
$(function(){
	//底部导航与显示页面
	$.ajax({
		url:'after_template_bottom_nav.html',
		success(res){
			$('body').append(res);
		}
	});
});
</script>